<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">

    {{ partial "head.html" . }}

    <body>

        <div id="all">

        <header>

            {{ partial "nav.html" . }}

        </header>
        <div class="nav-mask hide"></div>
        <div id="content">
            <div class="container">
                <div class="row">

                    {{ $paginator := .Paginate (where .Data.Pages "Type" "communication") }}
                    <section class="post">
                        <div class="row">
                            <div class="col-md-12 maillist">
                                <div class="maillist-title">
                                    <h1>{{ .Params.top_title }}</h1>
                                    <img class="maillist-pic top-banner isPC img" src="../img/banners/communicationBanner.png" alt="">
                                    <img class="maillist-pic top-banner isH5 img" src="../img/communication/banner-mobile.png" alt="">
                                </div>
                                <div class="maillist-info">
                                    <h2 class="fs24">{{ .Params.middle_title }}</h2>
                                    <p>{{ .Params.top_description }}</p>

                                    <!--table 模块-->
                                    <div class="isPC maillist">
                                        <table class="table table-striped">
                                            <thead>
                                            <tr>
                                                {{ range .Params.table_header }}
                                                <th>{{ .name }}</th>
                                                {{ end }}
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {{ range $paginator.Pages }}
                                            <tr>
                                                <td><a href="{{ .Params.websitelink }}" target="_blank"><span>{{ .Params.listname }}</span></a></td>
                                                <td>{{ .Params.emailaddress }}</td>
                                                <td><a href="{{ .Params.archivelink }}" target="_blank"><span>{{ .Params.archivename }}</span></a></td>
                                                <td>{{ .Params.description }}</td>
                                            </tr>
                                            {{ end }}
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="isH5 maillist">
                                        <table class="table table-striped">
                                            <thead>
                                            <tr>
                                                {{ range $index, $val := .Params.table_header }}
                                                {{ if ne $index 1 }}
                                                <th>{{ $val.name }}</th>
                                                {{ end }}
                                                {{ end }}
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {{ range $paginator.Pages }}
                                            <tr>
                                                <td><a href="{{ .Params.websitelink }}" target="_blank"><span>{{ .Params.listname }}</span></a></td>
                                                <td><a href="{{ .Params.archivelink }}" target="_blank"><span>{{ .Params.archivename }}</span></a></td>
                                                <td>{{ .Params.description }}</td>
                                            </tr>
                                            {{ end }}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <!-- PC 向导模块-->
                                <div class="isPC maillist  maillist-guidance mail">
                                    <p>{{ .Params.guidance }}</p>
<!--                                    <div class="maillist-icon-comm"></div>-->
                                    <div class="maillist-divider-mail">
                                        <div class="maillist-icon-comm"></div>
                                    </div>
                                    {{ .Content }}
                                </div>

                                <!-- mobile 向导模块-->
                                <div class="isH5 maillist maillist-H5">
                                    <p class="guida">{{ .Params.guidance }}</p>
                                    <div class="maillist-H5-step">
                                        <div class="step-num">
                                            <span>1</span>
                                        </div>
                                        <div class="maillist-H5-description">
                                            <p>{{ .Params.step_one }}</p>
                                        </div>
                                    </div>
                                    <div class="maillist-H5-step">
                                        <div class="step-num">
                                            <span>2</span>
                                        </div>
                                        <div class="maillist-H5-description">
                                            {{ .Params.step_two }}
                                        </div>
                                    </div>
                                    <div class="maillist-H5-step">
                                        <div class="step-num">
                                            <span>3</span>
                                        </div>
                                        <div class="maillist-H5-description">
                                            {{ .Params.step_three }}
                                        </div>
                                    </div>
                                    <div class="maillist-H5-step">
                                        <div class="step-num">
                                            <span>4</span>
                                        </div>
                                        <div class="maillist-H5-description">
                                            {{ .Params.step_four }}
                                        </div>
                                    </div>
                                </div>

                                <div class="maillist-slack">
                                    <h2>{{ .Params.bottom_title }}</h2>
                                    <p>{{ .Params.bottom_description_right }} {{ .Site.Params.slacklink.text | safeHTML }} {{ .Params.bottom_description_left }}</p>
                                    <p class="slack-empty"><br></p>
                                    <ul>
                                        <li><p> · <a href="{{ .Params.general_url }}">{{ .Params.general_tag }}</a> - {{ .Params.general_detail }}</p></li>
                                        <li><p class="slack-empty"><br></p></li>
                                        <li><p> · <a href="{{ .Params.trouble_url }}">{{ .Params.trouble_tag }}</a> - {{ .Params.trouble_detail }}</p></li>
                                        <li><p class="slack-empty"><br></p></li>
                                        <li><p> · <a href="{{ .Params.dev_url }}">{{ .Params.dev_tag }}</a> - {{ .Params.dev_detail }}</p></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- *** COLUMN END *** -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container -->
        </div>
        <!-- /#content -->

        {{ partial "footer.html" . }}

        </div>
        <!-- /#all -->

        {{ partial "scripts.html" . }}

    </body>
</html>
